*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',sans-serif;background-color:#000;color:#fff;min-height:100vh;overflow-x:hidden;display:flex;align-items:center;justify-content:center;position:relative}#bg-blur{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#202127 0,#000 80%);z-index:-2}#grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);z-index:-1;pointer-events:none}.container{width:100%;max-width:100%;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative}.badges{position:absolute;top:1.5rem;left:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:10}.badge{display:flex;align-items:center;gap:.5rem;background:rgba(32,33,39,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.08);padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500;color:#d1d5db;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);transition:transform .2s}.badge:hover{transform:translateX(4px);background:rgba(48,209,88,0.1);border-color:rgba(48,209,88,0.2);color:#fff}.dot{width:6px;height:6px;border-radius:50%;position:relative}.dot.green{background-color:#30d158;box-shadow:0 0 8px rgba(48,209,88,0.6)}.dot.animate::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:1px solid #30d158;animation:pulse 2s infinite}.badge-icon{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card{background-color:#202127;border-radius:1.5rem;padding:clamp(2rem,5vw,4rem);width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,0.7);transition:transform .3s ease;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.05);z-index:1}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#30d158,#202127)}.logo{width:80px;height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 0 10px rgba(48,209,88,0.3))}.title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;margin-bottom:1rem;line-height:1.2;color:#fff}.desc{font-size:clamp(0.875rem,2vw,1rem);color:#9ca3af;margin-bottom:2.5rem;line-height:1.6;max-width:320px}.cta-btn{background-color:#30d158;color:#fff;font-weight:600;text-decoration:none;padding:1rem 2rem;border-radius:9999px;font-size:1.125rem;transition:all .2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);min-width:200px}.cta-btn:hover{background-color:#2ebc4f;transform:scale(1.02);box-shadow:0 0 15px rgba(48,209,88,0.4)}.cta-btn:focus{outline:2px solid #fff;outline-offset:2px}.icon-cam{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(2);opacity:0}}@media(max-width:640px){.badges{position:static;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;width:100%;padding:0 1rem}.badge{font-size:.7rem;padding:.25rem .6rem}.badge:hover{transform:scale(1.05)}.card{padding:2rem 1.5rem;width:100%}.cta-btn{width:100%}}